:root {
  --base-font-size: 16px; /* 基础字体大小 */
}

body {
  font-size: var(--base-font-size);
}

@media (max-width: 768px) {
  :root {
      --base-font-size: calc(16px * 0.875); /* 在屏幕宽度小于等于 768px 的设备上，将基础字体大小乘以 0.875 */
  }
}

@media (max-width: 480px) {
  :root {
      --base-font-size: calc(16px * 0.75); /* 在屏幕宽度小于等于 480px 的设备上，将基础字体大小乘以 0.75 */
  }
}
